<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./static/layui/css/layui.css">
    <link rel="stylesheet" href="./static/layui/css/global.css">
    <link rel="stylesheet" href="static/supermsui/index.css" />
    <script type="text/javascript" src="static/jquery/jquery-1.12.4.js" ></script>
    <title>Superms</title>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
    	<div class="layui-main">
			<div class="admin-login-box">
				<a class="logo" style="">
					<span style="font-size: 22px;">Superms</span>
				</a>
				<div class="admin-side-toggle">
					<i class="fa fa-bars" aria-hidden="true"></i>
				</div>
				<div class="admin-side-full">
					<i class="fa fa-life-bouy" aria-hidden="true"></i>
				</div>
			</div>    	
	        <ul class="layui-nav">
	            <li class="layui-nav-item">
	                <a href="javascript:;">控制台<span class="layui-badge">9</span></a>
	            </li>
	            <li class="layui-nav-item">
	                <a href="javascript:;">个人中心<span class="layui-badge-dot"></span></a>
	            </li>
	            <li class="layui-nav-item">
	                <a href="javascript:;"><img src="static/layui/images/face/2.gif" class="layui-nav-img">我</a>
	                <dl class="layui-nav-child">
	                    <dd><a href="javascript:;">修改信息</a></dd>
	                    <dd><a href="javascript:;">安全管理</a></dd>
	                    <dd><a href="javascript:;">退了</a></dd>
	                </dl>
	            </li>
	        </ul>
	    </div>    
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
			<ul class="layui-nav layui-nav-tree layui-inline" id="menu" lay-filter="menu" style="margin-right: 10px;"></ul>        	
        </div>
    </div>
    <div class="layui-body" style="top:50px;overflow: hidden;">
		<div class="layui-tab layui-tab-card" lay-filter="container" lay-allowclose="true">
		  	<ul class="layui-tab-title">
		  		<li class="layui-this">网站设置</li>
		  	</ul>
		  	<div class="layui-tab-content" style="height: 150px;overflow-y: auto;overflow-x: hidden;">
			    <div class="layui-tab-item layui-show">
			      1. 我个人比较喜欢卡片风格的，所以你发现又是以卡片的风格举例
			      2. 删除功能适用于所有风格
			    </div>		  		
		  	</div>
		</div>       
    </div>
	<div class="layui-footer footer">
		<div class="layui-main">
			<p>2018 © <a href="#">superms</a>
			</p>
		</div>
	</div>    
</div>


</body>
<script src="./static/layui/layui.js"></script>
<script type="text/javascript" src="static/supermsui/index.js" ></script>
</html>